<template>
  <a-modal title="任务详情" v-model="innerVisible" :afterClose="afterClose" width="80%">
    <a-table :columns="columns" :data-source="list" row-key="id" :pagination="false">
      <template slot="index" slot-scope="text, record, index">{{index+1}}</template>
    </a-table>
    <template slot="footer">
      <a-button key="back" @click="onBtnClose">
        关 闭
      </a-button>
    </template>
  </a-modal>
</template>

<script>
import { WmsTaskDetail } from '@/api/modular/main/WmsTaskManage'
export default {
  name:'wmsTaskInfoModal',
  emits:['update:visible'],
  props:{
    visible:{
      type:Boolean,
      default:false
    },
    row:{
      type:Object,
      default:function(){
        return {}
      }
    }
  },
  data(){
    return {
      innerVisible:false,
      list:[],
      columns:[
        {
          dataIndex:'index',
          title:'序号',
          fixed:'left',
          width:'60',
          scopedSlots: { customRender: 'index' }
        },
        {
          dataIndex:'materialNo',
          title:'物料编号'
        },
        {
          dataIndex:'materialName',
          title:'物料名称'
        },
        {
          dataIndex:'materialBatch',
          title:'批次号'
        },
        {
          dataIndex:'materialSpec',
          title:'规格'
        },
        {
          dataIndex:'bindQuantity',
          title:'数量'
        }
      ]
    }
  },
  watch:{
    visible(newVal,oldVal){
      this.changeInnerVisible()
    },
    innerVisible(newVal,oldVal){
      this.changeVisible()
    }
  },
  methods:{
    changeInnerVisible(){
      if (this.visible!==this.innerVisible){
        this.innerVisible = this.visible
        if (this.innerVisible) {
          this.$nextTick(()=>{
            this.opened()
          })
        }
      }
    },
    changeVisible(){
      if (this.innerVisible!==this.visible){
        this.$emit('update:visible',this.innerVisible)
      }
    },
    opened(){
      this.getList()
    },
    getList(){
      let params = {orderno:this.row.orderno}
      WmsTaskDetail(params).then(d=>{
        this.list = d.data || []
      }).catch(()=>{
        
      })
    },
    afterClose(){
      this.list = []
    },
    onBtnClose(){
      this.innerVisible = false
    }
  },
  created(){
    this.changeInnerVisible()
  }
}
</script>

<style>
</style>